<template>
  <div>
    <header-md text="CET-4" show="n"></header-md>
    <div class="alert">
      <p class="text-size-lg">注册成功</p>
      <p class="text-size-sm"><span class="add">+600</span>经验值</p>
    </div>
    <!--<bar progress="65%"></bar>-->
    <!--<countdown bigTitle="360 DAY"></countdown>-->
    <nav-btn @click.native="toIndex" text="开始计划" position="fixed" backgroundName="orange"></nav-btn>

  </div>

</template>

<script>
  import headerMd from '../components/header-md.vue'
//  import bar from '../components/bar.vue'
//  import countdown from '../components/countdown.vue'
  import navBtn from '../components/nav-btn.vue'
  export default{
    components:{headerMd,navBtn},
    methods:{
      toIndex:function(){
        this.$router.push({path:'/index'});
//        window.location.reload();
      }
    }
  }
</script>

<style lang="less" scoped>
@import '../assets/css/variables.less';
  .add{color:@orange;}
  .alert{
    text-align:center;
    position: fixed;
    width:100%;
    top:50%;
    bottom:50%;

  }
</style>
